<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>CSS inline background policy: bounding-box, simple test</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/inline/policy/bounding-box/003.html"/>
    <style type="text/css">
   .test {
       font: 16px/1 Ahem, monospace;
       white-space: pre;
   }
   span {
       background: url(/resources/images/easter-egg);
       -moz-background-inline-policy: bounding-box;
   }
  </style>
 </head>
 <body>
  <p> There should be a single complete bird picture below. </p>
  <!-- there will also be a few pixels to the right and bottom of the
  main picture since the space provided is slightly larger than the
  image being used. Note: if you don't have the Ahem font it will
  probably be horizontally cut off instead. -->
  <p class="test"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>
 </body>
</html>
